<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>box-shower</title>
		<link rel="stylesheet" type="text/css" href="css/box—shower.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
	</head>
	<body>
		<header class="header">
			<nav class="header_nav">
				<a href="#"><img src="./images/logo.png" ></a>
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">案例展示</a></li>
					<li><a href="#">最新文章</a></li>
					<li><a href="#">帮店助手</a></li>
					<li><a href="#">设计导航</a></li>
					<li><a href="#"><i class="fa fa-user fa-fw"></i>关注我们</a></li>
				</ul>
			</nav>
		</header>
		<aside class="aside_first">
			<section class="section_first">
				<p style="margin-top: 1.25rem;font-size: 2.5rem; font-family:'Courier New', Courier, monospace;">Case Presentation</p>
				<b style="font-size:1.5625rem;">案例展示</b><br>
				<small style="padding-top: 0.625rem;">优质的服务，对客户的负责是我们永恒的宗旨</small>
			</section>
			<span style="float: right;margin-top: 0.625rem; font-size:1.0625rem;"><small style="color: #EEEEEE;">您当前的位置：</small><small style="color:white;">首页 > 案例</small></span>
			<br><br>
			<section class="section_second">
				<ul>
					<li><div class="pictrue"><a href="#"><img src="images/1.jpg" alt="看你有多色-微信小游戏"></a></div></li>
					<li><div class="pictrue"><a href="#"><img src="images/2.jpg" alt="三雄极光照明有限公司"></a></div></li>
					<li><div class="pictrue"><a href="#"><img src="images/3.jpg" alt="青海高端盐湖科技有限公司"></a></div></li>
					<li><div class="pictrue"><a href="#"><img src="images/4.jpg" alt="山东凯翔生物化工股份有限公司"></a></div></li>
				</ul>
				<ul>
					<li><div class="pictrue"><a href="#"><img src="images/5.jpg" alt="大唐电力集团网站设计"></a></div></li>
					<li><div class="pictrue"><a href="#"><img src="images/6.png" alt="新视觉教育网站设计"></a></div></li>
					<li><div class="pictrue"><a href="#"><img src="images/7.jpg" alt="喜来登酒店网站设计"></a></div></li>
					<li><div class="pictrue"><a href="#"><img src="images/8.jpg" alt="倾城视觉婚纱摄影网站"></a></div></li>
				</ul>
			</section>
			<nav class="page">
				<ul>
					<li><a href="#">&#171</a></li>
					<li><a href="#">&#139</a></li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">&#155</a></li>
					<li><a href="#">&#187</a></li>
				</ul>
			</nav>
		</aside>
		<footer>
			<div class="footer_header">
				<img src="images/footer.png" style="margin-top: 0.875rem; width: 14.0625rem;" >
			</div>
			<div class="footer_body">
				<div class="footer_bodys">
					<p><i class="fa fa-phone" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;13065018050 (业务咨询)</p>
					<p><i class="fa fa-qq" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;513894357</p>
					<br>
					<span>Connect With Us</span>&nbsp;&nbsp;&nbsp;<img src="images/weibo.png" /> <img src="images/tao.png" > <img src="images/qq2.png" >
				</div>
				<div class="footer_bodys">
					<h4>网站地图</h4>
					<ul>
						<li>首页&nbsp;&nbsp;|&nbsp;&nbsp;Home</li>
						<li>论坛&nbsp;&nbsp;|&nbsp;&nbsp;Forum</li>
						<li>案例展示&nbsp;&nbsp;|&nbsp;&nbsp;Case Presentation</li>
						<li>帮店助手&nbsp;&nbsp;|&nbsp;&nbsp;Assistant</li>
						<li>快课教育&nbsp;&nbsp;|&nbsp;&nbsp;Education</li>
					</ul>
				</div>
				<div class="footer_bodys">
					<h4>关注我们</h4>
					<ul>
						<li><figure>
						<img src="images/weixin.png" >
						<p>微信公众号</p>
						</figure></li>
						<li><figure><img src="images/zcool.png" >
						<p>站酷主页</p>
						</figure></li>
					</ul>
				</div>
			</div>
			<div class="footer_foot">
				<p>Copyright&nbsp;©&nbsp;2010&nbsp;-&nbsp;2018&nbsp;qingnian8.com&nbsp;All&nbsp;Rights&nbsp;Reserved</p>
			</div>
		</footer>
	</body>
</html>
